<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="sec"    uri="http://www.springframework.org/security/tags"%>
<sec:authentication property="principal" var="currentPrincipal" scope="page" />


<div class="modal-dialog ms-modal-dialog" style="width: 700px; margin-top: 100px;">
  <div class="modal-content">
     
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <h4 class="modal-title">设置油价</h4>
    </div>
    
    <form class="form-horizontal ms-form modal-search-form" role="form" method="POST" action="${ctx.host}/oil-prices" data-validate="true">
      <div class="modal-body"> 
        <input type="hidden" name="_method" value="PATCH">
        
        <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label"><span class="color-red">*</span>${not empty currentPrincipal.transOrgId ? '' : '选择'}公司：</label>
          <div class="col-xs-3">
          
            <c:choose>
            
               <c:when test="${not empty currentPrincipal.transOrgId}">
                 <p class="form-control-static">${persist.organization(currentPrincipal.transOrgId).name}</p>
                 <input type="hidden" name="organization" value="${currentPrincipal.transOrgId}"/>
               </c:when>
               
               <c:otherwise>
                <select class="select2 form-control" id ="searchOrganization" name="organization" tabindex="1" data-validate="required">
	                <option></option>
                  <c:forEach items="${orgIds}" var="organizationId">
                    <option value="${organizationId}">${persist.organization(organizationId).name}</option>
                  </c:forEach>
	              </select>
	           </c:otherwise>
	           
            </c:choose>
            
	      </div>
	      
		      <label class="col-xs-2 control-label"><span class="color-red">*</span>油料类型：</label>
	        <div class="col-xs-3 ">
			      <select class="select2 form-control" id ="searchOilType" name="oilType" data-validate="required">
			        <option></option>
			        <c:forEach items="${selection.oilType}" var="oilType">
		             <option value="${oilType.code}">${oilType.value}</option>
		           </c:forEach>
			      </select>
	    	  </div> 
      	   
        </div>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label">当前油价（元/升）：</label>
          <div class="col-xs-2" >
              <p class="form-control-static currentOilPrice"></p>
          </div>
          <label class="col-xs-3 control-label">油价生效日期：</label>
          <div class="col-xs-3">
            <p class="form-control-static effectDate"></p>
          </div>
        </div>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label"><span class="color-red">*</span>新油价（元/升）：</label>
          <div class="col-xs-3">
            <input type="text" name="price" class="form-control" data-validate="required|float|min,0|max_decimal_digit,2">
          </div>
          
          <label class="col-xs-2 control-label">新油价生效日期：</label>
          <div class="col-xs-3">
            <input type="text" name="effectDate" class="form-control date" data-validate="required">
          </div>
        </div>
        <div class="form-group ms-form-group">
          <label class="col-xs-6 control-label"><i class="glyphicon glyphicon-alert"></i>&nbsp;&nbsp;<span class="color-red">点击“确定”后，不能修改油价，请慎重！</span></label>
        </div>
        
        </div>
        <div class="modal-footer ms-modal-footer">
	        <button type="submit" class="btn ms-btn btn-primary">确定</button>
	        <button type="button" class="btn ms-btn ms-btn-gary" data-dismiss="modal">取消</button>
        </div>

      </form>
    </div>
  </div>

  <script type="text/javascript">
  $(document).ready(function(){
	  
	  $('select[name="organization"]').select2({
	      theme: "classic",
	      placeholder : '请选择',
	      minimumResultsForSearch : -1,
	      allowClear : true,
	    });
	  
	  $('select[name="oilType"]').select2({
          placeholder : '请选择类型',
          minimumResultsForSearch : -1,
          allowClear : true
      });
	  
  })
  </script>
  